<template>
	<view class="money_action">
		<view class="mode_itemLeft" @click="click(myItem)">
			<view>
				<image :src="myItem.img" mode="widthFix"></image>
			</view>
			<view class="Moneyfont_tyle action_jltop">
				<text class="mr_text">{{myItem.label}}</text><br>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},

		name: "my_item",
		props: {
			myItem: {
				type: Object,
				required: false,
				default: {}
			}
		},

		methods: {
			click(item) {
				this.$emit('myItemClick', item)
			}
		}
	}
</script>

<style scoped>
	//中部
	.money_action {
		margin-top: 20px;
		box-shadow: 0 0 10px hsla(0, 0%, 78.4%, .5);
		background: #fff;
		border-radius: 5px;
	}

	.money_action image {
		width: 36px;
		height: 36px;
		overflow: hidden;
	}

	.mode_item {
		display: flex;
		flex-direction: row;
		justify-content: center;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.mode_itemLeft,
	.mode_itemRight {
		display: flex;
		flex-direction: row;
		text-align: center;
		margin-left: 20px;
	}

	.Moneyfont_tyle {
		padding-left: 10px;
		line-height: 36px;
	}

	.mr_text {
		font-size: 15px;
	}
</style>